<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>border实现+号新增</title>
	<style type="text/css">
		.btn-new{
			border: 4px dotted;
			color: #ccc;
			width:100px;
			height:100px;
			position: relative;
		}
		.btn-new:before{
			content:"";
			display: inline-block;
			position: absolute;
			height:40px;
			width:0;
			margin:auto;
			border-left:4px solid;
			left:0; right:0; top:0; bottom:0;
		}
		.btn-new:after{
			content:"";
			position: absolute;
			display: inline-block;
			width:40px;
			height:0;
			margin:auto;
			border-bottom:4px solid;
			left:0; right:0; top:0; bottom:0;
		}

		.btn-new:hover{
			color: #cd0000;
		}
	</style>
</head>
<body>
	<div class="btn-new">
		
	</div>
</body>
</html>